$(function () {
    var table = document.getElementById("student");
    var rowNums = table.rows.length-1;
    $.ajax({
        type:'GET',
        dataType:'json',
        url:contextPath+"learner/info",
        success:function (data) {
           var name = data.name;
           var phone = data.phone;
           var password = "******";
           var sex = data.sex;
           var userid = data.userid;
           var coursedir = data.coursedir;
            // document.getElementById("uname").value=name;
            // document.getElementById("uphone").value=phone;
            // document.getElementById("upassword").value=password;
            // document.getElementById("usex").value=sex;
            // document.getElementById("uuserid").value=userid;
            // document.getElementById("ucourse").value=coursedir;
            table.rows[0].cells[1].innerHTML=name;
            table.rows[1].cells[1].innerHTML=phone;
            table.rows[2].cells[1].innerHTML=password;
            table.rows[3].cells[1].innerHTML=sex;
            table.rows[4].cells[1].innerHTML=userid;
            table.rows[5].cells[1].innerHTML=coursedir;
            $('#upd').on('click',function () {
                $.ajax({
                        type:'GET',
                        dataType:'json',
                        url:contextPath+"learner/info",
                        success:function (data) {
                            table.rows[0].cells[1].innerHTML= "<input type='text' id='uname' value=" + data.name + " />";
                            table.rows[3].cells[1].innerHTML= "<input type='text' id='usex' value=" + data.sex + " />";
                            table.rows[4].cells[1].innerHTML= "<input type='text' id='uuserid' value=" + data.userid + " />";
                        },
                    error:function () {
                        alert("查询失败");
                    }
                    })
            });
            $('#btn').on('click',function(){
                var ss = new Object();
                ss.name = document.getElementById("uname").value;
                ss.sex = document.getElementById("usex").value;
                ss.userid = document.getElementById("uuserid").value;
                $.ajax({
                    type:'PUT',
                    dataType:'json',
                    contentType: "application/json; charset=utf-8",
                    url:contextPath+"learner/update",
                    data:JSON.stringify(ss),
                    success:function (data) {
                        alert(data.message);
                    },
                    error:function () {
                        alert("修改失败");
                    }
                })
                table.rows[0].cells[1].innerHTML=ss.name;
                table.rows[3].cells[1].innerHTML=ss.sex;
                table.rows[4].cells[1].innerHTML=ss.userid;
            });
        }
        ,
        error:function () {
            alert("查询失败")
        }
    })
});
// $(function changeContent() {
//     var name = document.getElementById("uname").value;
//     var phone = document.getElementById("uphone").value;
//     var password = document.getElementById("upassword").value;
//     var sex = document.getElementById("usex").value;
//     var userid = document.getElementById("uuserid").value;
//     var coursedir = document.getElementById("ucourse").value;
//     var data = [];//json对象
//     data.push(
//         {
//             "name": name,
//             "phone": phone,
//             "password": password,
//             "sex": sex,
//             "userid": userid,
//             "coursedir": coursedir
//         }
//     );
//     console.log(data);
// });
// $('#upd').on('click',function () {
//     var text = document.getElementById("student").rows[0].cells[1].innerHTML;
//     var val = text;
//     document.getElementById("student").rows[0].cells[1].innerHTML= "<input type='text' id='uname' value=" + val + " />";
// });

// });
// $.ajax({
//     type:'post',
//     dataType:'json',
//     url:contextPath+"/learner/update",
//     data: data,
//     success:function (data) {
//         console.log(data);
//     }
//     ,
//     error:function () {
//         alert("查询失败")
//     }
// })